import React from 'react'
import Child from '@/Pages/useContextDome/child.js'
// 引入之前创建的Context
import CreateContext from '@/Pages/useContextDome/context.js'

function useStateDome() {
    return (
        <>
            <p>useContext</p>
            <p>这是父组件</p>
            {/* 通过标签把想要传进去的数据传进去 */}
            <CreateContext.Provider value={{ name: '张三' }}>
                {/* 注意要把子组件包裹进去，只有包裹住的子组件才能使用 */}
                <Child />
            </CreateContext.Provider>
        </>
    )
}

export default useStateDome;